.progress-bar {
  height: 3px;
  position: relative;
  width: 100%;
  cursor: pointer;
  background-color: #d8d8d8;
  user-select: none;
  .progress-bar-inner-box {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);

    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid white;
    background-color: var(--ui-text-2);
    transition: 0.3s;
  }
  .progress-bar-inner-box:hover {
    width: 12px;
    height: 12px;
  }
  .progress-bar-inner {
    background-color: var(--ui-text-2);
    height: 2px;
    left: 0;
    top: 0;
    position: absolute;
    transition: 0.3s;
  }
}
